﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>忘记密码-云信号</title>
    <link href="style/reset.css" rel="stylesheet" type="text/css" />
    <link href="style/style.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script language=javascript>
        var num = 60;
        var time;

        function userCheck(text) {
            if (text == null || text == "") {
                $('#username_error').addClass('no');
                $('#username_error').text('用户名或手机号码不存在');
            } else {
                $('#username_error').addClass('yes');
                $('#username_error').text('');
            }
        }
        function messageCheck(text) {
            if (text == null || text == "") {
                $('#message_error').addClass('no');
                $('#message_error').text('请输入短信验证码');
            } else {
                $('#message_error').addClass('yes');
                $('#message_error').text('');
            }
        }
        function codeCheck(text) {
            if (text == null || text == "") {
                $('#code_error').addClass('no');
                $('#code_error').text('请输入验证码');
            } else {
                $('#code_error').addClass('yes');
                $('#code_error').text('');
            }
        }
        function messageClick() {
            num = 60;
            $('#message-a').html('<span>60</span>秒后重新发送');
            $('#message-a').removeAttr('onclick');
            $('#message-a').attr('style', 'color:#666666;');
            time = setInterval('messageCountDown()', 1000);
        }

        function messageCountDown() {
            if (num == 0) {
                $('#message-a').removeAttr('style', '');
                $('#message-a').html('获取验证码');
                $('#message-a').attr('onclick', 'messageClick()');
                clearInterval(time);
            } else {
                num--;
                $('#message-a span').text(num);
            }
        }
    </script>  
</head>
<body>
    <!-- 头部开始 -->
    <div class="header-top">
        <div class="container">
            <div class="header-top-menu">
                &nbsp;<a href="#">关于我们</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">新闻资讯</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="#">软件下载</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="faq.htm">常见问题</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="#">在线客服</a>
            </div>
            <div class="header-top-phone">
                400-000-8888
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="header-bottom">
        <div class="container">
            <div class="header-logo">
                <a href="index.htm">
                    <img src="images/logo2.png" />
                </a>
            </div>
            <div class="header-title">
                忘记密码
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <!-- 头部结束 -->

    <!-- 内容开始 -->
    <div class="register-page">
        <div class="register-page-step">
            <img src="images/password_step1.png" />
        </div>
        <table class="register-table">
            <tr>
                <td class="register-td-title">
                    <span>*</span>&nbsp;用户名：
                </td>
                <td class="register-td-input">
                    <input type="text" onkeyup="userCheck(this.value)" onblur="userCheck(this.value)" placeholder="请输入用户名、注册后不可改" />
                </td>
                <td class="register-td-error">
                    <div id="username_error" class="register-td-error-page">
                    </div>
                </td>
            </tr>
            <tr>
                <td class="register-td-title">
                    <span>*</span>&nbsp;短信验证：
                </td>
                <td class="register-td-input">
                    <input class="register-td-message-input" type="text" onkeyup="messageCheck(this.value)" onblur="messageCheck(this.value)" placeholder="短信验证码" />
                    <a id="message-a" class="register-td-message-a" href="javascript:;" onclick="messageClick()">获取验证码</a>
                </td>
                <td class="register-td-error">
                    <div id="message_error" class="register-td-error-page">
                    </div>
                </td>
            </tr>
            <tr>
                <td class="register-td-title">
                    <span>*</span>&nbsp;验证码：
                </td>
                <td class="register-td-input">
                    <input class="register-td-message-input" type="text" onkeyup="codeCheck(this.value)" onblur="codeCheck(this.value)" placeholder="短信验证码" />
                    <img src="images/code.png" style="margin-left:8px;" />
                    &nbsp;看不清 <a href="#" style="color:#009df5;">换一张</a>
                </td>
                <td class="register-td-error">
                    <div id="code_error" class="register-td-error-page">
                    </div>
                </td>
            </tr>
            <tr>
                <td class="register-td-title">
                </td>
                <td class="register-td-input" style="text-align:center">
                    <input type="checkbox" checked="checked" /> 我已阅读并同意<a href="#" style="color:#009df5;">《云信号服务协议》</a>
                </td>
                <td class="register-td-error">
                </td>
            </tr>
            <tr>
                <td class="register-td-title">
                </td>
                <td class="register-td-input">
                    <input type="button" class="register-td-button" value="下一步" onclick="javascript:window.location.href='password_step2.htm'" />
                </td>
                <td class="register-td-error">
                </td>
            </tr>
        </table>
    </div>
    <!-- 内容结束 -->

    <!-- 尾部开始 -->
    <div class="footer">
        <div class="container">
            <div class="footer-menu">
                <ul>
                    <span>关于我们</span>
                    <li><a href="#">软件介绍</a></li>
                    <li><a href="#">团队介绍</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="./ManagementEnd/index.html">管理中心</a></li>
                </ul>
                <ul>
                    <span>帮助中心</span>
                    <li><a href="faq.htm">常见问题</a></li>
                    <li><a href="#">跟单操作</a></li>
                    <li><a href="novice_guide.htm">新手指南</a></li>
                </ul>
                <ul>
                    <span>安全保障</span>
                    <li><a href="#">公司资讯</a></li>
                    <li><a href="#">金融资讯</a></li>
                    <li><a href="#">资金安全</a></li>
                </ul>
            </div>
            <div class="footer-wechat">
                <div class="footer-wechat1">
                    <img src="images/app1.jpg" />
                    <br />
                    关注微信公众号
                </div>
                <div class="footer-wechat2">
                    <img src="images/app2.jpg" />
                    <br />
                    进入总站
                </div>
            </div>
            <div class="footer-contact">
                <div class="footer-contact-title">
                    客服热线
                </div>
                <div class="footer-contact-phone">
                    400-000-8888
                </div>
                <div class="footer-contact-time">
                    周一至周日 9:00-20:00
                </div>
                <a class="footer-contact-a" href="#">
                    在线客服
                </a>
            </div>
            <div class="footer-contact-bottom">
                <div class="footer-contact-copyright">
                    风险提示：外汇贵金属等产品属于高杠杆交易,存在较大风险,可能会导致亏损超过您存入的的资金 ,请理性投资。<br />
                    IB8提供平台开户和申请代理等各种外汇服务，但不接触客户资金，不参与外汇平台经营和交易；<br />
                    &copy; 2001-2015 IB8网版权所有 投资有风险，交易需谨慎
                </div>
                <div class="footer-contact-partner">
                    <a href="#">
                        <img src="images/footer_icon1.png" />
                    </a>
                    <a href="#">
                        <img src="images/footer_icon2.png" />
                    </a>
                    <a href="#">
                        <img src="images/footer_icon3.png" />
                    </a>
                    <a href="#">
                        <img src="images/footer_icon4.png" />
                    </a>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <!-- 尾部结束 -->
</body>
</html>
